Revision control
Copy as Markdown
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
import SwiftUI
struct DefaultBrowserOnboardingView: View {
@ObservedObject var viewModel: OnboardingViewModel
init(viewModel: OnboardingViewModel) {
self.viewModel = viewModel
}
var body: some View {
VStack {
HStack {
Spacer()
Button(action: {
viewModel.send(.defaultBrowserCloseTapped)
}, label: {
Image.close
})
}
Image.huggingFocus
.resizable()
.scaledToFit()
.frame(maxHeight: .imageMaxHeight)
VStack {
Text(viewModel.defaultBrowserConfig.title)
.bold()
.font(.system(size: .titleSize))
.multilineTextAlignment(.center)
.padding(.bottom, .titleBottomPadding)
VStack(alignment: .leading) {
Text(viewModel.defaultBrowserConfig.firstSubtitle)
.padding(.bottom, .firstSubtitleBottomPadding)
Text(viewModel.defaultBrowserConfig.secondSubtitle)
}
.font(.body16)
}
.foregroundColor(.secondOnboardingScreenText)
Spacer()
Button(action: {
viewModel.send(.defaultBrowserSettingsTapped)
}, label: {
Text(viewModel.defaultBrowserConfig.topButtonTitle)
.foregroundColor(.systemBackground)
.font(.body16Bold)
.frame(maxWidth: .infinity)
.frame(height: .buttonHeight)
.background(Color.actionButton)
.cornerRadius(.radius)
})
Button(action: {
viewModel.send(.defaultBrowserSkip)
}, label: {
Text(viewModel.defaultBrowserConfig.bottomButtonTitle)
.foregroundColor(.black)
.font(.body16Bold)
.frame(maxWidth: .infinity)
.frame(height: .buttonHeight)
.background(Color.secondOnboardingScreenBottomButton)
.cornerRadius(.radius)
})
.padding(.bottom, .skipButtonPadding)
}
.padding([.leading, .trailing], .viewPadding)
.navigationBarHidden(true)
.background(Color.secondOnboardingScreenBackground
.edgesIgnoringSafeArea([.top, .bottom]))
.onAppear {
viewModel.send(.defaultBrowserAppeared)
}
}
}
fileprivate extension CGFloat {
static let imageSize: CGFloat = 30
static let titleSize: CGFloat = 26
static let titleBottomPadding: CGFloat = 12
static let skipButtonPadding: CGFloat = 40
static let firstSubtitleBottomPadding: CGFloat = 14
static let viewPadding: CGFloat = 26
static let radius: CGFloat = 12
static let buttonHeight: CGFloat = 44
static let imageMaxHeight: CGFloat = 300
}
public struct DefaultBrowserViewConfig {
let title: String
let firstSubtitle: String
let secondSubtitle: String
let topButtonTitle: String
let bottomButtonTitle: String
public init(title: String, firstSubtitle: String, secondSubtitle: String, topButtonTitle: String, bottomButtonTitle: String) {
self.title = title
self.firstSubtitle = firstSubtitle
self.secondSubtitle = secondSubtitle
self.topButtonTitle = topButtonTitle
self.bottomButtonTitle = bottomButtonTitle
}
}
struct SecondOnboardingView_Previews: PreviewProvider {
static var previews: some View {
DefaultBrowserOnboardingView(viewModel: .dummy)
}
}